<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="HandheldFriendly" content="true">
    <meta name="format-detection" content="telephone=no">
    <title>元气大暴走18</title>
    <style type="text/css">
        body, p, div{margin: 0;padding: 0;vertical-align: middle;}
        body {background: #000;-webkit-user-select: none;-webkit-text-size-adjust: none;}
        a {text-decoration: none;}
        .pr {position: relative;}
        .none {display: none}
        .wrap {width: 100%;max-width: 640px;margin: 0 auto;overflow: hidden;position: relative;}
        .com_box {position: fixed;top: 0;width: 100%;max-width: 640px;margin: 0 auto;z-index: 9;}
        .img {display: block;width: 100%}
        .c_btn {position: absolute;height: 100%;top: 0;}
        .foot {color:#aaa;text-align: center;padding:20px 0;background-color: #000;}
    </style>
    <script language="JavaScript">
        var dwn_url = "{$data.downurl}";
        var isWeiXin = {$data.isWeixin};
        var id = {$data.id};
        var mode = {$data.download_mode};
        if (mode == 1) {
            setTimeout('gourl()', 3000);
        }
    </script>
</head>
<body>
    <div class="none">{$data.header}</div>
    <if condition="$data.download_mode eq 3 ">
    <div class="wrap wrap1">
        <div class="com_box"><img  class="img" src="//tgimg.xinkuai.com/upload/image/yqdbz/18/1.jpg">
            <a class="c_btn" style="width: 34%;
            left: 63%;
            height: 68%;
            top: 14%;" href="javascript:gourl();"></a>
        </div>
        <div class="pr"><img style="margin-top:15%;" class="img" src="//tgimg.xinkuai.com/upload/image/yqdbz/18/2.jpg">
            <a class="c_btn" style="    width: 54%;
            left: 23%;
            height: 9%;
            bottom: 1%;
            top: auto;" href="javascript:gourl();"></a>
        </div>
        <div class="pr"><img class="img" src="//tgimg.xinkuai.com/upload/image/yqdbz/18/3.jpg">
            <a class="c_btn" style="width: 29%;
            left: 36%;
            height: 13%;
            bottom: 7%;
            top: auto;" href="javascript:gourl();"></a>
        </div>
        <div class="pr"><img class="img" src="//tgimg.xinkuai.com/upload/image/yqdbz/18/4.gif">
        </div>
        <div class="pr"><img class="img" src="//tgimg.xinkuai.com/upload/image/yqdbz/18/5.gif">
        </div>
        <div class="pr"><img class="img" src="//tgimg.xinkuai.com/upload/image/yqdbz/18/6.jpg">
            <a class="c_btn" style="width: 54%;
            left: 23%;
            height: 54%;
            bottom: 36%;
            top: auto;" href="javascript:gourl();"></a>
        </div>
        <p class="foot">{$data.copyright}</p>
    </div>
    <else/>
        <a href="javascript:gourl();">
            <div class="wrap wrap2">
                <div class="com_box"><img  class="img" src="//tgimg.xinkuai.com/upload/image/yqdbz/18/1.jpg">
                    <a class="c_btn" style="width: 34%;
                    left: 63%;
                    height: 68%;
                    top: 14%;" href="javascript:gourl();"></a>
                </div>
                <img class="img" style="margin-top:15%;" src="//tgimg.xinkuai.com/upload/image/yqdbz/18/2.jpg">
                <img class="img" src="//tgimg.xinkuai.com/upload/image/yqdbz/18/3.jpg">
                <img class="img" src="//tgimg.xinkuai.com/upload/image/yqdbz/18/4.gif">
                <img class="img" src="//tgimg.xinkuai.com/upload/image/yqdbz/18/5.gif">
                <img class="img" src="//tgimg.xinkuai.com/upload/image/yqdbz/18/6.jpg">
                <p class="foot">{$data.copyright}</p>
            </div>
        </a>
    </if>
    <img id='myimg' style="display:none" src=''/>
    <script src="__PUBLIC__/LandingPage/common.js"></script>
    <div class="none">{$data.footer}</div>
</body>
</html>
